<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main.tpl.homePage"><i class="fa fa-home"></i> 首页</a></li>
        <li class="active" ng-bind="title"></li>
        <a style="float: right;margin-right: 12%;margin-top: -10px;" 
			has-permission permission='hui.subscribe.add'	ui-sref="main.hui.subscribe.create" class="btn btn-sm btn-info">
			<i class="icon-tag m-r-sm text-md"></i>添加订阅信息</a>
    </ul>
</div>

<!-- 加载提醒 -->
<div ng-show="loading" class="text-center m-t-md text-lg"><i class="fa fa-spin fa-spinner"></i> 数据加载中...</div>

<!-- 内容区域 -->
<div ng-hide="loading" class="wrapper-md content">
    <!-- 数据显示 -->
    <div class="wrapper-data">
        <div class="panel panel-default">
            <!-- 头部 -->
            <div class="panel-body">
				<form ng-submit="searchRe()" class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-2">
                            <input type="text" class="form-control" placeholder="请输入订阅号名称" ng-model="param.messageTitle">
                        </div>
                        <div class="col-sm-2">
                        <select class="form-control" ng-model="param.enable" style="color: black"
                                          id="enable" name="enable" >
                            <option value="" selected>--全部--</option>
                            <option value="Y">--启用--</option>
                            <option value="N">--禁用--</option>
                        </select>
                    </div>
                        <div class="col-sm-2">
                            <select class="form-control" ng-model="param.channelNo"
                                    ng-options="d.channelNo as d.channelName for d in channelList" id="channelNo" name="channelNo">
                                <option value="">--选择渠道--</option>
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <select class="form-control" ng-model="param.openplat"
                                     id="openplat" name="openplat">
                                <option value="">--选择开放平台--</option>

                                <option value="lbjr">--联璧金融--</option>

                                <option value="lbn">--老板娘--</option>

                                <option value="zqh">--智仟汇--</option>

                                <option value="ld">--铃铛--</option>
                            </select>
                        </div>
                        <div class="col-md-1">
                            <label class="col-sm-2"><button class="ifc-btn btn-primary" type="submit">查 询</button></label>
                              </div>
                        <div class="col-md-1">
                            <label class="col-sm-2"><button class="ifc-btn btn-dark" type="button" ng-click="clearSearch()">重  置</button></label>
                        </div>
                    </div>
				</form>
            </div>

            <!-- 数据表格 -->
            <div class="table-responsive">
                <table class="table table-striped b-t b-light text-center">
                    <thead>
                    <tr>
                    	<!-- <th><input type="checkbox" ng-click="selectAll($event)"/>全选</th> -->
                        <th>序号</th>
                        <th>订阅号名称</th>
                        <th>渠道名称</th>
                        <th>消息内容</th>
                        <th>消息图标</th>
                        <th>消息跳转url</th>
                        <th>阅读量</th>
                        <th>状态</th>
                        <th>创建时间</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="item in pageInfo.records">
                    	<!-- <td class="v-middle"><input type="checkbox" name="selected" ng-checked="isSelected(item.id)" ng-click="updateSelection($event,item)"/></td> -->
                        <td class="v-middle">{{$index + 1}}</td>
                        <td class="v-middle" title="{{item.messageTitle}}">{{item.messageTitle  | limitTo:10}}</td>
                        <td class="v-middle"  >{{item.channelNo}}</td>
                        <td class="v-middle" title="{{item.messageComments}}">{{item.messageComments | limitTo:10}}</td>
                        <td class="v-middle"><a ng-if="item.messageIcon!=null"  ng-click="preview(item.messageIcon)" class="text-info">查看</a></td>
                        <td class="v-middle"><a target="_blank" href="{{item.innerUrl}}" class="text-info" title="{{item.innerUrl}}">{{item.innerUrl | limitTo:30}}</a></td>
                        <td class="v-middle">{{item.reading}}</td>
                        <td class="v-middle">
                            <span ng-if="item.isenable=='Y'">启用</span>
                            <span ng-if="item.isenable=='N'">禁用</span>
                        </td>
                        <td class="v-middle">
                            {{item.createTime}}
                        </td>
                        <td class="v-middle">
                        	<a ui-sref="main.hui.subscribe.detail({id:item.id})"-  class="btn btn-sm btn-default">
                                <i class="fa fa-edit m-r-xs text-sm"></i>详情</a>
                            <a ui-sref="main.hui.subscribe.update({id:item.id})"-  class="btn btn-sm btn-default">
                                <i class="fa fa-edit m-r-xs text-sm"></i>修改</a>
                            <a  ng-click="delSubscribe(item.id,item.isenable)" ng-if="item.isenable=='Y'"   class="btn btn-sm btn-default">
                                <i class="fa fa-edit m-r-xs text-sm"></i>禁用</a>
                            <a  ng-click="delSubscribe(item.id,item.isenable)" ng-if="item.isenable=='N'"   class="btn btn-sm btn-default">
                                <i class="fa fa-edit m-r-xs text-sm"></i>启用</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div><!-- /.table-responsive -->
            <!-- 底部分页 -->
			<span data-ng-include=" 'src/tpl/pageInfo.html' "></span>
        </div><!-- /.panel -->
    </div><!-- /.wrapper-data -->
</div><!-- /.wrapper-md -->

<div class="cover" ng-show="firstApply">
    <div class="firstApplyWrap noselect">
        <div class="clear"><i class="iconfont closeBtn noselect" ng-click="firstApply=false">&#xe608;</i></div>
        <div class="title">
            <span ng-repeat="item in messageIcon track by $index">
                <a target='_blank' href='{{item}}'><img alt='' height='100' width='100' src='{{item}}'></a>
            </span>
        </div>
    </div>
</div>

<style>
    .cover {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 2000;
        top: 0;
        left: 0;
        /* display: none; */
    }

    .firstApplyWrap{
        width: 550px;
        height:280px;
        background: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        border-radius: 5px;
        overflow: hidden;
    }
    .firstApplyWrap .title{
        font-size: 18px;
        color:#333;
        padding:18px 86px 0 130px;
        text-align: center;
        line-height: 2em;
    }
    .firstApplyWrap .closeBtn,.finishData .closeBtn{
        font-size: 30px;
        padding:5px 20px 0 0;
        border-radius: 50%;
        color: #ccc;
        float: right;
        cursor: pointer;
    }
    .finishData .closeBtn{
        position: absolute;
        top:10px;
        right:10px;
    }
    .firstApplyWrap .bkgIcon{
        position: absolute;
        left: 54px;
        top:87px;
        font-size: 50px;
        color:#FFB136;
    }
    .firstApplyWrap .applyBtnWrap{
        position: absolute;
        bottom: -2px;
        width: 100%;
    }
    .firstApplyWrap .applyBtn{
        width: 50%;
        height:70px;
        line-height: 70px;
        background: #FFB135;
        font-size: 20px;
        text-align: center;
        color:#fff;
        cursor: pointer;
        float:left;
    }
    .firstApplyWrap .applyBtn:last-child{
        background: #5796FC;
    }


    .switch{
        display:none;
    }
    .switchlabel{
        position:relative;
        display: block;
        padding: 1px;
        border-radius: 24px;
        height: 22px;
        margin-bottom: 15px;
        background-color: #eee;
        cursor: pointer;
        vertical-align: top;
        -webkit-user-select: none;
    }
    .switchlabel:before{
        content: '';
        display: block;
        border-radius: 24px;
        height: 22px;
        background-color: #BFBFBF;
        -webkit-transform: scale(1, 1);
        -webkit-transition: all 0.3s ease;
    }
    .switchlabel:after{
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -11px;
        margin-left: -11px;
        width: 22px;
        height: 22px;
        border-radius: 22px;
        background-color: white;
        box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.08);
        -webkit-transform: translateX(-9px);
        -webkit-transition: all 0.3s ease;
    }
    .switch:checked~label:after{
        -webkit-transform: translateX(9px);
    }
    .switch:checked~label:before{
        background-color:green;
    }
</style>